<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>el与data的写法.html</title>
    <!--导入js package-->
    <script type="text/javascript" src="../01-vue_js/vue.js"></script>
</head>
<body>

<div id="root">
    <h1>你好 {{name}}</h1>

</div>

<script type="text/javascript">
    // 关闭开发环境的警告提示
    Vue.config.productionTip = false
    // 创建vue的对象
    const v = new Vue({
        //el: '#root', // el用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串。
        // data: {
        //     name: "jiale-xiong",
        //     address: "上海",
        //     url: "https://gitee.com/xjl2462612540"
        // }
        // data的第二种写法 函数式
        data: function () {
            console.log("@@@",this) // 此处的this 就是的vue的实例对象
            return {
                name: "jiale-xiong222",
                address: "上海",
                url: "https://gitee.com/xjl2462612540"
            }
        }
    })
    console.log(v)
    // 第二种写法
    v.$mount("#root")
</script>

</body>
</html>